<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Mywebsite</title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			ul li{
				list-style: none;
			}
			.box{
				width:240px;
				height:167px;
				border:1px solid #d9e0ee;
				border-top:2px solid #ff8400;
				margin:10px auto;
			}
			.title{
				border-bottom: 1px solid #d9e0ee;
				height: 36px;
				line-height:36px;
				padding-left:20px;
			}
			.content li{
				background-image:url("li_bg.jpg");
				background-repeat:no-repeat;
				background-position:left center;
				padding-left:10px;
				line-height:20px;
			}
			.content ul{
				margin-left:10px;
				margin-top: 10px;
			}
			.content a{
				color: #666666;
				font-size:14px;
				text-decoration: none;
			}
			
			.content a:hover{
				color:#db6b12;
				text-decoration:underline;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="title">行业动态</div>
			<div class="content">
				<ul>
					<li><a href="#">气质不错气质不错</a></li>
					<li><a href="#">气质不错气质不错</a></li>
					<li><a href="#">气质不错气质不错</a></li>
					<li><a href="#">气质不错气质不错</a></li>
					<li><a href="#">气质不错气质不错</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>